<!DOCTYPE html>
<html lang="zh">
<!-- Head 开始 -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 告诉浏览器对屏幕宽度做出响应 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>查询商品</title>
    <!-- 主要样式表开始 -->
    <link href="/assets/css/main.css" rel="stylesheet">
    <link href="/css/viewOrder.css" rel="stylesheet">
    <!-- favicon图标 -->
    <link type="image/png" rel="shortcut icon" href="/assets/images/favicon.png">
</head>
<!-- Head 结束 -->

<body>
<!-- 预加载部分开始 -->
<div id="preloader">
    <div id="status"></div>
</div>
<!-- 预加载部分结束 -->
<div class="boxed-layout">
    <!-- 页眉部分开始 -->
    <header class="top-header theme-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="jama-logo">
                        <a href="#" class=""><img src="/assets/images/logo-topbar.gif" class="img-responsive"
                                                  alt=""></a>
                    </div>
                </div>
                <div class="col-lg-7 align-self-center">
                    <div class="jama-info d-inline-flex">
                        <ul>
                            <li class="border-right"><i class="fa fa-phone me-1"></i> 15348361234</li>
                            <li><i class="fa fa-envelope me-1"></i>1192878959@qq.com</li>
                        </ul>
                    </div>
                    <div class="jama-social d-inline-flex">
                        <ul>
                            <li><a href="#" class="border-round"><i class="fa-brands fa-facebook"></i></a></li>
                            <li><a href="#" class="border-round"><i class="fa-brands fa-x-twitter"></i></a></li>
                            <li><a href="#" class="border-round"><i class="fa-brands fa-instagram"></i></a></li>
                            <li><a href="#" class="border-round"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- /#header 部分结束 -->

    <!-- 导航部分 -->
    <div class="navigation">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <nav class="navbar navbar-expand-md navbar-dark">
                        <div class="navbar-header">
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapsibleNavbar">
                                <span class="fa fa-navicon"></span>
                            </button>
                        </div>
                        <div class="justify-content-center collapse navbar-collapse" id="collapsibleNavbar">
                            <ul class="navbar-nav">
                                <li class="nav-item dropdown"><a class="nav-link dropdown-toggle active"
                                                                 id="navbarDropdown2" role="button"
                                                                 data-bs-toggle="dropdown" aria-haspopup="true"
                                                                 aria-expanded="false">商品</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                                        <a class="dropdown-item" href="/cart/view">总类管理</a>
                                        <a class="dropdown-item" href="/cart/allProducts">大类管理</a>
                                        <a class="dropdown-item" href="/cart/allItems">小类管理</a>
                                    </div>
                                </li>
                                <li class="nav-item"><a class="nav-link" href="/main/view">首页</a></li>
                                <li class="nav-item"><a class="nav-link" href="/cart/view">商品</a></li>
                                <li class="nav-item"><a class="nav-link" href="/order/view">订单</a></li>
                                <li class="nav-item"><a class="nav-link" href="/account/view">用户</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- /#导航部分结束 -->

    <!--主体开始-->
    <div>
        <div>
            <h2><b>所查商品</b></h2>
            <form action="cart/revise" method="post">
                <table class="shopping-cart-table">
                    <tr>
                        <th>Catergory ID</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Price</th>
                        <th>Status</th>
                        <th>&nbsp;</th>
                    </tr>

                    <tr th:if="${session.category == null || session.category.isEmpty()}">
                        <td colspan="5" class="empty-cart">Required Category is empty.</td>
                    </tr>

                    <tr th:each="category : ${session.categories}" th:id="'orderCol_' + ${category.cartId}">
                        <td class="order-id" th:text="${category.cartId}"></td>
                        <td th:text="${category.Name}"></td>
                        <td th:text="${category.Description}"></td>
                        <td class="price" th:text="${category.Price}"></td>
                        <td class="status" th:text="${category.Status}"></td>
                    </tr>

                </table>
            </form>
        </div>
        <div id="Separator">&nbsp;</div>
    </div>
    <!--主体结束-->
</div>

<!-- jQuery (Bootstrap的JavaScript插件必需) -->
<script src="/assets/js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap js文件 -->
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<!-- swiper文件 -->
<script src="/assets/js/swiper.min.js"></script>
<!-- 作品展示js文件 -->
<script src="/assets/js/jquery.mixitup.min.js"></script>
<!-- 站点主js文件 -->
<script src="/assets/js/main.js"></script>

</body>

</html>
